<template>
  <div class="no-data flex-center flex-column flex-align-items-center" :style="{ paddingTop: paddingTop + 'px' }">
    <img src="@/assets/default-1.png">
    <div class="font-14">暂无数据</div>
  </div>
</template>

<script setup>
const props = defineProps(['paddingTop']);
</script>

<style lang="less" scoped>
.no-data {
  img {
    width: 120px;
  }

  div {
    margin-top: 16px;
    color: #999;

    span {
      color: @main-color;
    }
  }
}
</style>
